<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Creating tooltip labels for specific data points</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
p.whs1 { color:#000000; font-weight:normal; }
img_whs2 { border:none; width:544px; height:392px; float:none; border-style:none; }
table.whs3 { x-cell-content-align:top; width:90.014%; border-spacing:0px; }
col.whs4 { width:21.141%; }
col.whs5 { width:78.859%; }
tr.whs6 { x-cell-content-align:top; }
td.whs7 { width:21.141%; padding-right:10px; padding-left:10px; border-left-style:Solid; border-left-color:#000000; border-top-color:#000000; border-top-style:Solid; border-right-style:Solid; border-right-color:#000000; border-bottom-color:#000000; border-bottom-style:Solid; border-right-width:1px; border-left-width:1px; border-top-width:1px; border-bottom-width:1px; background-color:e7e7e7; }
p.whs8 { font-weight:bold; }
td.whs9 { width:78.859%; padding-right:10px; padding-left:10px; border-top-color:#000000; border-top-style:Solid; border-right-style:Solid; border-right-color:#000000; border-bottom-color:#000000; border-bottom-style:Solid; border-top-width:1px; border-bottom-width:1px; border-right-width:1px; background-color:e7e7e7; }
td.whs10 { width:21.141%; padding-right:10px; padding-left:10px; border-left-style:Solid; border-left-color:#000000; border-left-width:1px; border-right-style:Solid; border-right-color:#000000; border-right-width:1px; border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:Solid; }
td.whs11 { width:78.859%; padding-right:10px; padding-left:10px; border-right-style:Solid; border-right-color:#000000; border-right-width:1px; border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:Solid; }
td.whs12 { width:21.141%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs13 { width:78.859%; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
ol.whs14 { list-style:decimal; }
p.whs15 { font-weight:normal; }
p.whs16 { color:#000000; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying reports\nAdding features for users\nFormatting a graph report\nCreating tooltips in a graph");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Creating tooltips in a graph</h1>
<p class="whs1">A tooltip is short, descriptive 
 text that appears when you mouse over a graph item in MicroStrategy Web. 
 Tooltips provide information such as the value of a specific data point, 
 the name of a group, or the label of a graph’s X-axis. An example of the 
 default tooltip for a boxplot is shown below:</p>
<p class="whs1"><img src="images/GraphTooltip1.gif" x-maintain-ratio="TRUE" width="544px" height="392px" border="0" class="img_whs2"></p>
<p>Tooltips are automatically added to every graph for display in MicroStrategy 
 Web. These default tooltips display relevant data for a graph based on 
 the graph type. For example, the default tooltips for boxplots display 
 the values of each quartile, as shown in the image above. </p>
<p>Tooltips are only visible in Web. However, both Desktop and Web allow 
 you to modify the tooltips displayed in a graph by using macros. These 
 macros are dynamic text that is replaced with graph information when the 
 tooltip is displayed in Graph view or Grid and Graph View. While the default 
 macro used is <span class=Code>{&amp;TOOLTIP}</span>, you can use different 
 macros to customize what information appears in a given graph. You can 
 use multiple macros in the same tooltip or combine static text and macros.</p>
<p>Some tooltip macros may not be available for use in specific types of 
 graphs. For example, <span class=Code>{&amp;XVALUE}</span> can only be 
 used in bubble or scatter graphs. If a macro is unavailable for the given 
 graph type, no tooltip is displayed in the graph when viewed in Web.</p>
<p>The following table describes the macros you can use to customize graph 
 tooltips:</p>
<table x-use-null-cells cellspacing="0" width="90.014%" class="whs3">
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table><table x-use-null-cells cellspacing='0' width='90.014%' border='1' bordercolor='black' bordercolorlight='black' bordercolordark='black'>");
//--></script>
<col class="whs4">
<col class="whs5">


<tr valign="top" class="whs6">
<td bgcolor="#E7E7E7" width="21.141%" class="whs7">
<p class="whs8">Macro</td>
<td bgcolor="#E7E7E7" width="78.859%" class="whs9">
<p class="whs8">Information Displayed</td></tr>

<tr valign="top" class="whs6">
<td width="21.141%" class="whs10">
<p><span class=Code>{&amp;TOOLTIP}</span></td>
<td width="78.859%" class="whs11">
<p>All relevant labels and values associated with a graph item.</td></tr>

<tr valign="top" class="whs6">
<td width="21.141%" class="whs12">
<p><span class=Code>{&amp;GROUPLABEL}</span></td>
<td width="78.859%" class="whs13">
<p>Name of the graph item's category. This value is often the graph item's 
 attribute element information, as attributes are commonly used as the 
 categories of graph reports.</td></tr>

<tr valign="top" class="whs6">
<td width="21.141%" class="whs12">
<p><span class=Code>{&amp;SERIESLABEL}</span></td>
<td width="78.859%" class="whs13">
<p>Name of the graph item’s series. This value is often the graph item's 
 metric name information, as metrics are commonly used as the series of 
 graph reports.</td></tr>

<tr valign="top" class="whs6">
<td width="21.141%" class="whs12">
<p><span class=Code>{&amp;VALUE}</span></td>
<td width="78.859%" class="whs13">
<p>The value of a given data point. </td></tr>

<tr valign="top" class="whs6">
<td width="21.141%" class="whs12">
<p><span class=Code>{&amp;XVALUE}</span></td>
<td width="78.859%" class="whs13">
<p>The X-value of a data point. Only applicable to bubble and scatter graphs. 
 </td></tr>

<tr valign="top" class="whs6">
<td width="21.141%" class="whs12">
<p><span class=Code>{&amp;YVALUE}</span></td>
<td width="78.859%" class="whs13">
<p>The Y-value of a data point. Only applicable to bubble and scatter graphs. 
 </td></tr>

<tr valign="top" class="whs6">
<td width="21.141%" class="whs12">
<p><span class=Code>{&amp;ZVALUE}</span></td>
<td width="78.859%" class="whs13">
<p>The Z-value of a data point. Only applicable to bubble and scatter graphs. 
 </td></tr>

<tr valign="top" class="whs6">
<td width="21.141%" class="whs12">
<p><span class=Code>{&amp;XLABEL}</span></td>
<td width="78.859%" class="whs13">
<p>The label of the X-axis. Only applicable to bubble and scatter graphs. 
 </td></tr>

<tr valign="top" class="whs6">
<td width="21.141%" class="whs12">
<p><span class=Code>{&amp;YLABEL}</span></td>
<td width="78.859%" class="whs13">
<p>The label of the Y-axis. Only applicable to bubble and scatter graphs. 
 </td></tr>

<tr valign="top" class="whs6">
<td width="21.141%" class="whs12">
<p><span class=Code>{&amp;ZLABEL}</span></td>
<td width="78.859%" class="whs13">
<p>The label of the Z-axis. Only applicable to bubble and scatter graphs. 
 </td></tr>
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table></table><table>");
//--></script>
</table>
<p class="whs1">&nbsp;</p>
<p class="whs1">For information on tooltips 
 in documents, see 
<a HREF="Tooltips.htm">Creating pop-up tooltips</a>. 
 </p>
<h2>To apply a tooltip to a graph in Web</h2>
<ol type="1" class="whs14">
	
<li style="color: #000000;  font-weight: normal; " class=p><p class="whs15">Open 
 a report and display it in either Graph view or Grid and Graph view.<span 
 style="color: #000000; font-weight: normal;"> <font color=black ></font></span></p></li>
	
<li style="color: #000000; font-weight: normal;" class=p><p>From the 
 <span style="font-weight: bold;"><B>Home</B></span> menu, select <span style="font-weight: bold;"><B>Graph</B></span>. 
 </p></li>
	
<li style="color: #000000; font-weight: normal;" class=p><p>Right-click 
 the graph and select <span style="font-weight: bold;"><B>Format</B></span><span>. 
 </span>The Format: Graph dialog box is displayed.</p></li>
	
<li style="font-weight: normal;  color: #000000; " class=p><p class="whs16">On 
 the <span style="font-weight: bold;"><B>Format</B></span> tab, from the first 
 drop-down list, select <span style="font-weight: bold;"><B>Series Values</B></span>. 
 The formatting options for series values appear. </p></li>
	
<li style=" color: #000000; font-weight: normal; " class=p><p class="whs1">Ensure 
 that the <span style="font-weight: bold;"><B>Tooltips</B></span> check box is 
 selected. If this box is cleared, no tooltips will be visible in the graph.</p></li>
	
<li style=" color: #000000; font-weight: normal; color: #000000; font-weight: normal; " 
 class=p><p class="whs1"><span style="color: #000000; font-weight: normal;"><font color=black >Type 
 the text of the desired macro or your own static text. </font></span></p></li>
	
<li style=" color: #000000; font-weight: normal; " class=p><p class="whs1">Click 
 <span style="font-weight: bold;"><B>Apply</B></span> to apply changes. </p></li>
	
<li style=" color: #000000; font-weight: normal; " class=p><p class="whs1">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to return to the graph. </p></li>
</ol>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
